<template>
    <!-- 任务本地保存 -->
    <div class="task">
        <header>
            <mt-header title="本地保存" style="background-color:#F9F9F9;color:#333333;" >
                <router-link to="/check" slot="left">
                    <mt-button icon="back"></mt-button>
                </router-link>
            </mt-header>
        </header>
        <section>
            <div class="con_c" v-for="i in data">
                <div class="tit" >
                    <span>
                        上次保存时间:
                        {{i.time}}
                    </span>
                    <span>
                         <mt-badge size="small" type="error">删除</mt-badge>
                    </span>
                </div>
                <ul>
                    <li>
                        <span>项目名称:</span>
                        <span>{{i.name}}</span>
                    </li>
                    <li>
                        <span>所属区域:</span>
                        <span>{{i.region}}</span>
                    </li>
                    <li>
                        <span>检查部位:</span>
                        <span>{{}}</span>
                    </li>
                </ul>

            </div>
        </section>
    </div>
</template>

<script>
    export default {
        name: "task",
        data () {
            return{
                data:[
                    {
                        time:2019,
                        name:'一号单位',
                        region:'A区',
                    },
                    {
                        time:2012,
                        name:'二号单位',
                        region:'B区',
                    },
                ]
            }
        },
        created () {

        },
        mounted () {

        },
        methods:{

        }
    }
</script>

<style scoped lang="scss">
    .task{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        header {
            width:100%;
        }
        section {
            flex: 1;
            display: flex;
            flex-direction: column;
            overflow: auto;
            background: white;
            margin:10px;
            -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
            .con_c{
                margin:15px;
                -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
                .tit{
                    padding:10px 0;
                    display: flex;
                    justify-content: space-between;
                    margin:0 20px;
                    border-bottom: 1px solid #E0E0E0;
                }
                ul{
                    list-style: none;
                    padding:10px;
                    margin:0;
                    li{
                        padding:10px;
                    }
                }
            }
        }
    }
</style>
